// Stats Overview
// (for the site list and the post detail view)
.stats__overview, .stats__latest-post-summary {
	.module-header__link {
		display: block;
		white-space: nowrap;
		overflow: hidden;

		@include breakpoint-deprecated( '<480px' ) {

			&:focus {
				color: var( --color-link-dark );
			}
		}
	}

	.module-header__site-icon {
		float: left;
		margin: 7px 8px 0 0;
	}

	.module-header__right-icon {
		position: relative;
		float: right;
		background: var( --color-surface );
		padding-right: 15px;

		// Fade out value if text is very long
		&::before {
			@include stats-fade-text( rgba( var( --color-surface-rgb ), 0 ), var( --color-surface) );
		}

		.gridicon {
			vertical-align: middle;
		}
	}

	.value {
		font-size: $font-title-medium;
		padding: 16px 0;
	}

}

//TODO see if this is used anywhere
.stats__latest-post-summary {
		.value {
			font-size: $font-title-large;
		}
}
